草庐IT

php - HTML5 中数据列表的滚动条

全部标签

javascript - iPad禁用文档滚动但不禁用div溢出滚动

我正在开发具有可滚动功能的模态窗口,例如pinterest的。当它们被触发时,在body上定义overflow:hidden并在模态框容器上定义overflow:auto。这在桌面浏览器上运行良好,但我在iPad上的第一次测试(我假设一般情况下可能在iOS上)揭示了一个问题:当模式滚动结束时,如果文档比模式长,则滚动继续。我尝试这样做的目的是只接受由模态或其容器触发的滚动://DisablebrowserscrollingoniOS$(document).on('touchmove',function(e){if(($(e.target).attr('id')!=id)&&($(e.t

javascript - 在 yui 中获取窗口滚动或 scrollY 位置

在YUI中,我有以下用于鼠标滚轮的代码。我如何使它适用于滚动条?Y.on('mousewheel',function(e){vardir=e.wheelDelta>0?'Up':'Down';console.log(dir);});感谢您的帮助... 最佳答案 这是一个简单的解决方案Y.on('scroll',function(e){console.log(window.scrollY);}); 关于javascript-在yui中获取窗口滚动或scrollY位置,我们在StackOve

Javascript 清理 : The most safe way to insert possible XSS html string

目前我正在将此方法与jQuery解决方案结合使用,以从可能的XSS攻击中清除字符串。sanitize:function(str){//returnhtmlentities(str,'ENT_QUOTES');return$('').text(str).html().replace(/"/gi,'"').replace(/'/gi,''');}但我觉得它不够安全。我错过了什么吗?我在这里尝试了phpjs项目中的htmlentities:http://phpjs.org/functions/htmlentities:425/但它有点错误并返回一些额外的特殊符号。也许是旧

javascript - 多级 xml 到 jquery 中的无序列表

我正在努力尝试从一个xml文件创建一个无序列表,但到目前为止没有运气。我知道如何从jQuery处理xml,但我无法弄清楚如何使多级无序列表列表。这是我到目前为止所取得的成就。xml文件DirectorExeDirector1ExeDirector2ExeDirector2SubDirector1SubDirector2SubDirector3Cameraman1Cameraman2html文件UntitledDocumentvarlevels;$(document).ready(function(){$.ajax({type:"GET",url:"test.xml",dataType:

javascript - elementFromPoint 滚动页面后返回 null

我有一个javascript小书签,我把它放在一起,让一项艰巨的任务变得更容易忍受。本质上,我正在浏览数百页的培训Material,并确保所有内容都已从Helvetica正确转换为Arial。小书签代码在下面,但快速分解是它创建了一个mousemove事件监听器和一个小的、绝对定位的div。在mousemove事件中,div移动到新的鼠标位置(向下和向右偏移10px),使用elementFromPoint获取鼠标下方的元素并显示该元素的font-family属性。哦,它会根据Arial是否出现在属性中来更改它的背景颜色。varbodyEl=document.getElementsByT

javascript - 无限滚动和 will_paginate 多次附加项目的 'next page'

我正在关注thisrailscast尝试在我的Rails应用程序上实现无限滚动页面。当用户向下滚动到页面底部时,将附加一组新的项目并且页面会扩展,但是它会多次附加到页面,即使数组中的所有项目都已加载,事件也会在向下滚动时再次触发,多次再次附加同一组项目。我想要的是在每次用户滚动到底部时附加项目的“下一页”,并在用户再次滚动到底部时附加后续的下一页。这是这个函数的jQuery:jQuery->if$('.pagination').length$(window).scroll->url=$('.pagination.next_page').attr('href')ifurl&&$(wind

javascript - 使用浏览器的主滚动条滚动 2 个 DIV 内容 + 主要内容

我不知道如何解决这个问题,以便在两个页面内移动内容+外部内容。我有以下布局:页眉+页脚书具有固定宽度和高度的页面。我想在没有任何页面滚动条的情况下从主滚动条滚动页面内容(如gmail撰写示例)主要问题是。书将显示在标题之后,如果用户使用较小的屏幕分辨率,它将显示滚动条以向下滚动以正确查看书。然后我们有两个页面,内容互不相同,每个页面都可以比另一个页面长。所以我们想滚动浏览所有数据,然后再继续滚动回页脚。jsFiddle示例:http://jsfiddle.net/7vqzF/2/如果仅从css解决这个问题会很棒。布局结构:(解决方案应该只有一个主浏览器滚动条,从中控制页面和外部图书内容

javascript - [Socket.io/Node.js]获取客户​​端连接用户列表

我在socket.io客户端中遇到问题,因为我无法在我的客户端中显示所有用户用户名的列表。我只是socket.io的新手,我知道如何在服务器端编码。我在客户端编程方面遇到困难。我只想在我的client.html中显示连接的用户用户名.这是我在server.js中的一些代码varusers=[];app.get('/',function(req,res){res.sendfile(__dirname+'/index.html');});io.sockets.on('connection',function(socket){socket.on('adduser',function(user

javascript - 让一个div在向上滚动时回到原来的位置

当你向下和向上滚动时,我有一个带动画的div,问题是当我非常快速地向上和向下滚动而不让div完成它的动画时,div一点一点地离开屏幕的上部.如果我删除.animate()函数中的.stop()并快速上下滚动,div会继续这样做一段时间。我想在向上和向下滚动时保持动画,唯一的区别是快速向上和向下滚动时菜单不会离开屏幕,我已经看过像这样的彻底的堆栈溢出问题,但我没有找到任何东西可以在这里找到jsfiddle的代码:http://jsfiddle.net/QLLkL/4/$(window).scroll(function(){if($(window).scrollTop()>480&&!an

javascript - 在reactjs中将字符串作为html

我有一个返回几行html的函数,如下所示:render:function(){varbadges=user.get('achievements').badges.map(function(badge){varstr=''+badge.text+'')break;case'1':str+=('fa-shopping-cart">'+badge.text+'')break;...}returnstr;});return({badges});}在执行此操作时,字符串将按其在页面上的形式呈现为文本:VisionaryActiveLoremIpsumDolorAmet;如何将其呈现为正确的HTM